* {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  display: block;
  width: 100%;
}
body,
html {
  min-height: 100%;
  background-color: #e7e7e7;
}
* {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*首页start*/
.index_box {
  width: 100%;
  margin: 0 auto;
  min-height: 100%;
  background: #c0262c;
  position: absolute;
  background-size: 100%;
  background-color: #e7e7e7;
  top: 0;
  left: 0;
  font-family: "微软雅黑";
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  user-select: none;
}
.logo {
  width: 2.98309179rem;
  padding: 0.48309179rem 0 0 0.53140097rem;
}
.list_menu {
  font-size: 0.36231884rem;
  color: #000;
  width: 10rem;
  margin: 0 auto;
  margin-top: -0.99033816rem;
  height: 16.23188406rem;
  position: relative;
  /*白色按钮*/
  /*白变红*/
  /*红色按钮*/
  /*红变灰*/
  /*灰色按钮*/
  /*会变白*/
}
.list_menu li {
  border-radius: 100%;
  text-align: center;
  box-shadow: 0.04830918rem 0.07246377rem 0.12077295rem rgba(0, 0, 0, 0.15);
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.list_menu li.bg_white {
  width: 2.69323671rem;
  height: 2.69323671rem;
  background: #fff;
}
.list_menu li.bg_white img {
  width: 0.76086957rem;
  margin: 0 auto;
  padding-top: 0.42270531rem;
  padding-bottom: 0.24154589rem;
}
.list_menu li.bg_white p {
  line-height: 0.43478261rem;
  color: #000;
}
.list_menu li.hover_red {
  background: #9d2235;
}
.list_menu li.hover_red p {
  color: #fff;
}
.list_menu li.bg_red {
  width: 3.10386473rem;
  height: 3.10386473rem;
  background: #9d2235;
}
.list_menu li.bg_red img {
  width: 0.95410628rem;
  margin: 0 auto;
  padding-top: 0.48309179rem;
  padding-bottom: 0.42270531rem;
}
.list_menu li.bg_red p {
  line-height: 0.43478261rem;
  color: #fff;
}
.list_menu li.hover_gray {
  background: #717c7d;
}
.list_menu li.hover_gray p {
  color: #fff;
}
.list_menu li.bg_gray {
  width: 2.35507246rem;
  height: 2.35507246rem;
  background: #717c7d;
}
.list_menu li.bg_gray img {
  width: 0.95410628rem;
  margin: 0 auto;
  padding-top: 0.48309179rem;
  padding-bottom: 0.42270531rem;
}
.list_menu li.bg_gray p {
  line-height: 0.43478261rem;
  color: #fff;
}
.list_menu li.hover_white {
  background: #fff;
}
.list_menu li.hover_white p {
  color: #000;
}
.list_menu li.menu_1 {
  top: 1.90821256rem;
  left: 0.76086957rem;
  -webkit-animation: ejectCircle .3s 2.1s ease, indexOp1 8s 3s ease infinite;
  animation: ejectCircle .3s 2.1s ease, indexOp1 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_2 {
  top: 2.7173913rem;
  left: 3.34541063rem;
  -webkit-animation: ejectCircle .3s 1.7s ease, indexOp2 8s 3s ease infinite;
  animation: ejectCircle .3s 1.7s ease, indexOp2 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_2 img {
  width: 1.03864734rem;
  padding-top: 0.6884058rem;
  padding-bottom: 0.24154589rem;
}
.list_menu li.menu_3 {
  top: 0.82125604rem;
  left: 5.54347826rem;
  -webkit-animation: ejectCircle .3s 1.4s ease, indexOp6 8s 3s ease infinite;
  animation: ejectCircle .3s 1.4s ease, indexOp6 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_4 {
  top: 4.60144928rem;
  left: 1.06280193rem;
  -webkit-animation: ejectCircle .3s 1.1s ease, indexOp4 8s 3s ease infinite;
  animation: ejectCircle .3s 1.1s ease, indexOp4 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_4 img {
  width: 1.00241546rem;
  padding-top: 0.48309179rem;
  padding-bottom: 0.33816425rem;
}
.list_menu li.menu_5 {
  top: 5.15700483rem;
  left: 4.60144928rem;
  -webkit-animation: ejectCircle .3s 1s ease, indexOp1 8s 3s ease infinite;
  animation: ejectCircle .3s 1s ease, indexOp1 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_5 img {
  width: 0.9178744rem;
  padding-top: 0.54347826rem;
  padding-bottom: 0.33816425rem;
}
.list_menu li.menu_6 {
  top: 3.71980676rem;
  left: 6.93236715rem;
  -webkit-animation: ejectCircle .3s 1.2s ease, indexOp2 8s 3s ease infinite;
  animation: ejectCircle .3s 1.2s ease, indexOp2 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_6 img {
  width: 0.65217391rem;
  padding-top: 0.48309179rem;
  padding-bottom: 0.30193237rem;
}
.list_menu li.menu_7 {
  top: 7.47584541rem;
  left: 0.31400966rem;
  -webkit-animation: ejectCircle .3s 1.3s ease, indexOp3 8s 3s ease infinite;
  animation: ejectCircle .3s 1.3s ease, indexOp3 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_7 img {
  width: 0.76086957rem;
  padding-top: 0.39855072rem;
  padding-bottom: 0.24154589rem;
}
.list_menu li.menu_8 {
  top: 7.23429952rem;
  left: 2.86231884rem;
  -webkit-animation: ejectCircle .3s 1.5s ease, indexOp5 8s 3s ease infinite;
  animation: ejectCircle .3s 1.5s ease, indexOp5 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_8 img {
  width: 0.76086957rem;
  padding-top: 0.60386473rem;
  padding-bottom: 0.30193237rem;
}
.list_menu li.menu_9 {
  top: 8.44202899rem;
  left: 5.37439614rem;
  -webkit-animation: ejectCircle .3s 1.6s ease, indexOp7 8s 3s ease infinite;
  animation: ejectCircle .3s 1.6s ease, indexOp7 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_9 img {
  width: 0.95410628rem;
  padding-top: 0.51932367rem;
  padding-bottom: 0.16908213rem;
}
.list_menu li.menu_10 {
  /* top: 6.43719807rem;
  left: 6.98067633rem; */
  top: 10.42270531rem;
  left: 3.81642512rem;
  -webkit-animation: ejectCircle .3s 1.8s ease, indexOp8 8s 3s ease infinite;
  animation: ejectCircle .3s 1.8s ease, indexOp8 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_10 img {
  width: 0.97826087rem;
  padding-top: 0.43478261rem;
  padding-bottom: 0.30193237rem;
}
.list_menu li.menu_11 {
  top: 9.7705314rem;
  left: 0.60386473rem;
  -webkit-animation: ejectCircle .3s 1.9s ease, indexOp9 8s 3s ease infinite;
  animation: ejectCircle .3s 1.9s ease, indexOp9 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_11 img {
  width: 0.89371981rem;
  padding-top: 0.71256039rem;
  padding-bottom: 0.36231884rem;
}
.list_menu li.menu_12 {
  top: 10.42270531rem;
  left: 3.81642512rem;
  -webkit-animation: ejectCircle .3s 2s ease, indexOp3 8s 3s ease infinite;
  animation: ejectCircle .3s 2s ease, indexOp3 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_12 img {
  width: 0.78502415rem;
  padding-top: 0.48309179rem;
  padding-bottom: 0.39855072rem;
}
.list_menu li.menu_13 {
  top: 10.37439614rem;
  left: 6.55797101rem;
  -webkit-animation: ejectCircle .3s 2.2s ease, indexOp6 8s 3s ease infinite;
  animation: ejectCircle .3s 2.2s ease, indexOp6 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_13 img {
  width: 0.77294686rem;
  padding-top: 0.66425121rem;
  padding-bottom: 0.39855072rem;
}
.list_menu li.menu_14 {
  top: 12.52415459rem;
  left: 2.35507246rem;
  -webkit-animation: ejectCircle .3s 2.3s ease, indexOp2 8s 3s ease infinite;
  animation: ejectCircle .3s 2.3s ease, indexOp2 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_14 img {
  width: 0.82125604rem;
  padding-top: 0.38647343rem;
  padding-bottom: 0.12077295rem;
}
.list_menu li.menu_15 {
  top: 13.12801932rem;
  left: 5.15700483rem;
  -webkit-animation: ejectCircle .3s 2.4s ease, indexOp7 8s 3s ease infinite;
  animation: ejectCircle .3s 2.4s ease, indexOp7 8s 3s ease infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.list_menu li.menu_15 img {
  width: 0.6884058rem;
  padding-top: 0.38647343rem;
  padding-bottom: 0.24154589rem;
}
@-webkit-keyframes ejectCircle {
  0% {
    -webkit-transform: scale(0);
  }
  75% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes ejectCircle {
  0% {
    transform: scale(0);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes indexOp1 {
  0%,
  8%,
  100% {
    -webkit-transform: scale(1);
  }
  4% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes indexOp1 {
  0%,
  8%,
  100% {
    transform: scale(1);
  }
  4% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes indexOp2 {
  0%,
  10%,
  18%,
  100% {
    -webkit-transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes indexOp2 {
  0%,
  10%,
  18%,
  100% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes indexOp3 {
  0%,
  20%,
  30%,
  100% {
    -webkit-transform: scale(1);
  }
  24% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes indexOp3 {
  0%,
  20%,
  28%,
  100% {
    transform: scale(1);
  }
  24% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes indexOp4 {
  0%,
  30%,
  38%,
  100% {
    -webkit-transform: scale(1);
  }
  34% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes indexOp4 {
  0%,
  30%,
  38%,
  100% {
    transform: scale(1);
  }
  34% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes indexOp5 {
  0%,
  40%,
  48%,
  100% {
    -webkit-transform: scale(1);
  }
  44% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes indexOp5 {
  0%,
  40%,
  48%,
  100% {
    transform: scale(1);
  }
  44% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes indexOp6 {
  0%,
  50%,
  58%,
  100% {
    -webkit-transform: scale(1);
  }
  54% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes indexOp6 {
  0%,
  50%,
  58%,
  100% {
    transform: scale(1);
  }
  54% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes indexOp7 {
  0%,
  60%,
  68%,
  100% {
    -webkit-transform: scale(1);
  }
  64% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes indexOp7 {
  0%,
  60%,
  68%,
  100% {
    transform: scale(1);
  }
  64% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes indexOp7 {
  0%,
  70%,
  78%,
  100% {
    -webkit-transform: scale(1);
  }
  74% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes indexOp7 {
  0%,
  70%,
  78%,
  100% {
    transform: scale(1);
  }
  74% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes indexOp8 {
  0%,
  80%,
  88%,
  100% {
    -webkit-transform: scale(1);
  }
  84% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes indexOp8 {
  0%,
  80%,
  88%,
  100% {
    transform: scale(1);
  }
  84% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes indexOp9 {
  0%,
  90%,
  98%,
  100% {
    -webkit-transform: scale(1);
  }
  94% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes indexOp9 {
  0%,
  90%,
  98%,
  100% {
    transform: scale(1);
  }
  94% {
    transform: scale(1.1);
  }
}
